<script setup lang="ts">
const list = [
  {
    icon: 'i-carbon-align-box-middle-left',
    cb: () => {
      console.log(1111)
    },
  },
  {
    icon: 'i-carbon-game-wireless',
    cb: () => {
      console.log(222)
    },
  },
  {
    icon: 'i-carbon-edit',
    cb: () => {
      console.log(333)
    },
  },
  {
    icon: 'i-carbon-copy-file',
    cb: () => {
      console.log(444)
    },
  },
]
</script>

<template>
  <div class="w-full min-h-18 bg-white p-3 rounded">
    <div>
      <el-button type="primary" v-nologin-show v-login="() => {}">去登录</el-button>
      <div class="flex justify-between px-3 items-center mt-4">
        <div
          v-for="(item, index) in list"
          :key="index"
          :class="item.icon"
          class="w-8 h-8 bg-[#6596F8] rounded-full p-3 cursor-pointer"
          @click="item.cb"
        ></div>
      </div>
    </div>
  </div>
</template>
